<!--公共顶部导航-->

<head-nav>
    <nav class="ui inverted attached segment head-tab-padding">
        <div class="ui container">
            <!--stackable 表示可堆叠，自适应-->
            <div class="ui inverted secondary stackable menu">
                <h2 class="ui teal header item">博客</h2>
                <a class="menu-item item mobile-hide" href="#"><i class="teal code icon"></i>首页</a>
                <a class="menu-item item mobile-hide" href="#"><i class="teal idea icon"></i>分类</a>
                <a class="menu-item item mobile-hide" href="#"><i class="teal tags icon"></i>标签</a>
                <a class="menu-item item mobile-hide" href="#"><i class="teal time icon"></i>归档</a>
                <a class="menu-item item mobile-hide" href="#"><i class="teal info icon"></i>关于我</a>
                <div class="menu-item right item mobile-hide">
                    <div class="ui icon transparent inverted input">
                        <input placeholder="搜索..." type="text">
                        <i class="teal search icon"></i>
                    </div>
                </div>
            </div>
        </div>
        <!--菜单按钮-->
        <a id="menu-toggle" class=" ui black icon button bar-position mobile-show" href="#">
            <i class="sidebar icon"></i>
        </a>
    </nav>
</head-nav>